<template>
  <div id="app">
    <MyHeader />
    <BaseTab :tabList="tabList" />
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <BasePlay />
    <OperatorSong />
    <!-- <PlaySong /> -->
  </div>
</template>

<script>
import MyHeader from '@/components/header/Header'
import BaseTab from '@/components/base/Tab'
import BasePlay from '@/components/base/Play'
import OperatorSong from '@/components/base/OperatorSong'
// import PlaySong from '@/components/base/PlaySong'
export default {
  components: {
    MyHeader,
    BaseTab,
    BasePlay,
    OperatorSong
    // PlaySong
  },
  data () {
    return {
      tabList: [
        { id: 1, name: '推荐', router: '/recommend' },
        { id: 2, name: '歌手', router: '/singer' },
        { id: 3, name: '排行', router: '/rank' }
      ]
    }
  }
}
</script>
<style lang="stylus" scoped>

</style>
